 <style>
        .col-md-offset-2{
            margin-left:0!important;
        }
		.row{
			margin-left: 0!important;
			margin-right: 0!important;
			width: 100%;
		}
		@media screen and (max-width:750px){
			#echart{
				width: 100%!important;
				height: 290px!important;
			}
		}
    </style>
<div class="row">
    <div class="row" style="padding: 50px 0 20px 0;">
        <div class="col-hd-12">
            <h3 class="text-center">MBTI 倾向示意图（你更倾向于：{:strtoupper($ret)} 型）</h3>
        </div>
        <div class="col-md-12 col-md-offset-2">
            <div id="echart" style="width: 55%;height:310px;margin: 50px auto;"></div>
        </div>
    </div>
    <!-- <div class="col-md-12" style="margin-top: -30px;">
        <h3 class="text-center">MBTI 测评得分占比</h3>
        <div class="table-responsive">
            {php}
            $tr1 = '';
            $tr2 = '';
            $tr3 = '';
            $arr = ['e','i','s','n','t','f','j','p'];
            foreach($arr as $vv){
                foreach($ret_arr as $k => $v){
                    if($k == $vv){
                        $tr1 .= '<th>'.$v['name'].' '.strtoupper($k).'</th>';
                        $tr2 .= '<td>'.$v['count'].'</td>';
                        $tr3 .= '<td>'.($v['percent']*100).'%</td>';    
                    }
                }               
            }
            {/php}
            <table class="table table-bordered mb0 text-center analysis">
                <thead>
                    <tr class="active">
                        {$tr1}
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        {$tr2}
                    </tr>
                    <tr>
                        {$tr3}
                    </tr>
                </tbody>
            </table>
        </div>
    </div> -->
    <div class="col-md-12" style="padding-left: 0;padding-right: 0">
        <div class="panel panel-success">
            <div class="panel-heading">您的MBTI类型为：{:strtoupper($ret)}</div>
            <h3 class="text-center">MBTI 测评结果分析</h3>
            <div class="panel-body" style="padding-left: 10%">
                <span style="font-size:14pt;font-family: 仿宋;">
                    <b>&nbsp;&nbsp;&nbsp;&nbsp;你的类型是：{$models[$ret]}</b>
                </span>
            </div>
            <div class="panel-body" style="padding-left: 5%">{$cates[$ret]}</div>
        </div>
    </div>

    {if $from=='admin' }
    <button class="btn btn-success" style="position: fixed; top:90px; right:130px;" onclick="$(this).hide();$('.hid').hide();window.print()">打印本页</button>
<!--    <button class="btn btn-success" style="position: fixed; top:90px; right:50px;" onclick="window.location.href='/admin/test/mbti/answer/download?ids={$row.id}'">下载报告</button>-->
    <style>
    .hid{
        /*display: none;*/
    }
</style>
    {elseif $from == 'all'}
    {else}
    <button class="btn btn-success" style="position: fixed; top:90px; right:50px;" onclick="window.location.href='next?current=mbti'">进入下一个测评</button>
    <!-- <button class="btn btn-danger" style="position: fixed; top:130px; right:50px;" onclick="window.location.href='allreport'">查看所有测评</button> -->
{/if}
</div>